<template>
  <div class="status s404">
    <figure>
      <img src="@/assets/status/404@2x.png">
    </figure>
    <p>{{title}}</p>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '对不起，您要找的页面已被丢到火星去了',
    }
  },
}
</script>

<style scoped lang="less">
.s404{
  .pt(300);
  .pb(200);
  figure{
    width: 2rem;
    margin: 0 auto;
    img{
      display: block;
      width: 100%;
    }
  }
  p{
    .f24;
    .pt(20);
    color: #666666;
    text-align: center;
  }
}
</style>
